<script setup lang="ts">
import { ref } from "@vue/reactivity";
import headers from "@/components/common/headers.vue";
import footers from "@/components/common/footers.vue";

type Props = {
  id?: string;
};
let prop = withDefaults(defineProps<Props>(), {
  id: "",
});
let t1 =
  "8月18日，南宁市委统战部副部长、市台办主任何见霜一行到良庆区调研指导侨务和海外统战工作。良庆区委常委、统战部部长黄均梅陪同调研何见霜副部长一行实地考察了设立在广西南宁五象企业孵化器有限公司的新侨联谊基地，详细了解基地在孵化侨企、服务侨资侨企、开展联谊交发活动等方面的情况。在中国一东盟新型智慧城市协同创新中心，认真听取了协同创新中心建设情况和入驻企业情况介绍，重点调研企业结合业务工作，开展服务侨务和推进海外统战工作的设想。";
let t2 =
  "在组织召开的座谈会上，何见霜副部长肯定了近年来良庆区开展侨务和海外统战工作成效，并就如何推动下一步的侨务和海外统战工作提出了意见;议。何见霜副部长指出，要强化创新不断探索，建立健全海外统战工作新机制，建立侨务和海外统战工作新模式，为华侨、归侨和海外留学归国人搭建起起交流合作、联络交友、文化浸润的平台。要围绕凝聚人心、汇聚力量，打造亮点突出、特色鲜明的侨务、海外统战工作示范基地。要强化上线下融合，加强网络统战工作，走好网络群众路线，充分利用自贸区的地域优势和政策叠加优势，发挥辐射带动作用，讲好中国故事、广西故事南宁故事，不断涵养壮大知华友华力量。";
</script>

<template>
  <div class="txt">
    <headers nexts="新闻通知" />
    <div class="mains">
      <h1>南宁市委统战部到良庆区调研侨务和海外统战</h1>
      <span class="time">发布时间：2022-10-25</span>
      <hr />
      <p class="title">{{ t1 }}</p>
      <img src="/src/assets/index/bar1.jpg" />
      <p class="title">{{ t2 }}</p>

      <!-- 点赞/收藏/分享 -->
      <div class="btns">
        <button>&#xec7f;&nbsp;&nbsp;点赞</button>
        <button>&#xe8b9;&nbsp;&nbsp;收藏</button>
        <button>&#xe739;&nbsp;&nbsp;分享</button>
      </div>
    </div>
    <footers />
  </div>
</template>

<style scoped lang="scss">
.txt {
  padding-top: 45px;
  // 背景图片
  background: #f1f2f3 url("@/assets/my/bg.webp") no-repeat fixed center top;
  background-size: 100% 380px;

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0px;
}

.mains {
  width: 1000px;
  min-height: 871px;
  margin-bottom: 38px;
  display: flex;
  color: #333333;
  gap: 0px 16px;
  background-color: #fff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 48px 40px 64px;
  display: flex;
  flex-direction: column;
}
h1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #333333;
}

.time {
  text-align: center;
  font-size: 16px;
  color: #90949e;
  font-weight: normal;
  margin: 24px 0px 40px;
}

hr {
  background-color: transparent;
  margin-bottom: 40px;
  border: #e6e6e6 2px dashed;
}

p {
  color: #333333;
  font-size: 14px;
  &:first-of-type {
    text-indent: 2rem;
  }
}

img {
  margin: 20px 0px;
}

// 点赞/收藏/分享
.btns {
  gap: 0px 16px;
  margin-top: 65px;
  display: flex;
  justify-content: center;
  > button {
    width: 120px;
    height: 48px;
    color: #2163e0;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #2163e0;
    cursor: pointer;
    user-select: none;
  }
}
</style>
